<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Complex Sample Page</title>
    <link rel="stylesheet" href="styles.css">
    <script src="script.js"></script>
</head>
<body>
<header>
    <h1>Welcome to My Website</h1>
    <nav>
        <ul>
            <li>
                <a href="#home">Home</a>
            </li>
            <li>
                <a href="#about">About</a>
            </li>
            <li>
                <a href="#contact">Contact</a>
            </li>
        </ul>
    </nav>
</header>
<main>
    <section id="home" class="highlight">
        <h2>Home (Modified)</h2>
        <p>This is the home section.</p>
        <img src="home.jpg" alt="Home Image">
    </section>
    <section id="about" class="highlight">
        <h2>About (Modified)</h2>
        <p>This is the about section.</p>
        <div class="team">
            <article>
                <h3>Member 1</h3>
                <p>Bio of member 1.</p>
            </article>
            <article>
                <h3>Member 2</h3>
                <p>Bio of member 2.</p>
            </article>
        </div>
    </section>
    <section id="contact" class="highlight">
        <h2>Contact (Modified)</h2>
        <form action="/submit" method="post">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email">
            <button type="submit">Submit</button>
        </form>
    </section>
</main>
<footer>
    <p>© 2024 My Website</p>
</footer>
</body>
</html>
